@mixin input-label {
  position: absolute;
  top: 0;
  inset-inline-start: 12px; // align with input padding
  padding: 0 var(--sx-spacing-padding1);
  background-color: var(--sx-color-background);
  font-size: 0.75rem;
  color: var(--sx-color-neutral);
  line-height: 1rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}

@mixin input-element {
  font-size: 1rem;
  padding: var(--sx-spacing-padding4);
  border: var(--sx-border);
  border-radius: var(--sx-rounding-extra-small);
  cursor: pointer;
  background-color: var(--sx-color-background);
}
